<template>
    <div>
        <el-card shadow="hover" :body-style="{padding: '0px'}">
            <div class="card-box clearfix">
                <div slot="header" class="clearfix card-title">
                    <span>{{projectKanban.name}}</span>
                    <el-button class="btn-more" type="text">更多 <i class="el-icon-d-arrow-right"></i></el-button>
                </div>
                <template>
                    <el-tabs v-model="activeName">
                        <el-tab-pane :label="projectKanban.qualityName" name="first">
                            <WaterQualityFunds></WaterQualityFunds>
                        </el-tab-pane>
                        <el-tab-pane :label="projectKanban.patrolName" name="second">
                            <WaterPatrolFunds></WaterPatrolFunds>
                        </el-tab-pane>
                        <el-tab-pane :label="projectKanban.informationizeName" name="third">
                            <WaterInformationizeFunds></WaterInformationizeFunds>
                        </el-tab-pane>
                    </el-tabs>
                </template>
            </div>
        </el-card>
    </div>
</template>

<script>
import { projectKanban } from './data/Content.js';
//import bus from '../../common/bus';
import WaterQualityFunds from './WaterQualityFunds';
import WaterPatrolFunds from './WaterPatrolFunds';
import WaterInformationizeFunds from './WaterInformationizeFunds';
export default {
    name: 'ProjectKanban',
    data () {
        return {
            activeName: 'first',
            projectKanban:projectKanban
        };
    },
    components:{
        WaterQualityFunds,
        WaterPatrolFunds,
        WaterInformationizeFunds
    },
    created:function (){
        
    },
    methods: {
        
    }
};
</script>

<style lang="scss" scoped>
.card-box{
    .el-tabs__nav-wrap {
        padding-left: 110px;
    }
    .el-tabs__header {
        margin-top: -45px;
    }
}
</style>